/**********
 * 页面样式
 *********/

/*=======
 *基本默认值
 ========*/

html {
	/*响应式布局，相对的距离*/
	font-size: 62.5%;
	color: #222;
}

::selection {
	background-color: #b3d4fc;
	text-shadow: none;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

/*=======
 *工具样式
 ========*/

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/**********
 * 浏览器更细提示
 *********/
.browserupgrade {
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/**********
 * 页面样式
 *********/
body {
	font-size: 1.2rem;
	/*行距*/
	line-height: 1.5;
	/*背景颜色浅灰色*/
	background-color: #f7f7f7;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0ae;
	text-decoration: underline;
}

/**********
 * 网站头部
 *********/
header {
	width: 100%;
}

header .top {
	line-height: 3rem;
	padding: 0 1.5rem;
	color: #fff;
	background: #555;
	border-bottom: 1px #ecc000 solid;
}

header .top .tel {
	float: left;
}

header .top ul {
	text-align: right;
}

header .top ul li {
	display: inline-block;
}

header .top ul li+li {
	border-left: 1px solid #999;
	margin-left: -3px;
}

header .top ul li a {
	display: inline-block;
	padding: 0 1.5rem;
	color: #fff;
}

@media only screen and (max-width: 880px) {
	header .top {
		background-color: green;
	}
}

@media only screen and (min-width: 481px) and(max-width:800px) {
	header .top ul li a {
		color: red;
	}
}

@media only screen and (max-width: 480px) {
	header .top ul li a {
		color: blue;
	}
}

/*主导航样式*/
header .main {
	padding: 0;
}

header .main .brand {
	float: left;
	/*padding: 1rem 1.5rem;*/
}

header .main ul {
	text-align: right;
}

header .main ul li {
	display: inline-block;
	border-left: 1px solid #f0ede9;
}

header .main ul li a {
	display: inline-block;
	padding: 0 3rem;
	line-height: 5.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #7c7a65;
	text-decoration: none;
}

header .main ul li a:hover,
header .main ul li a:active,
header .main ul li a:active {
	color: #ffb300;
	background-color: #f8f6f1;
}

/**********
 * 网站主要内容
 *********/
.container {
	width: 100%;
}

/*交易信息*/
.transaction {
	width: 100%;
	background-color: #7c7365;
}

.trans-content {
	max-width: 90%;
	margin: 0 auto;
	font-size: 1.5rem;
}

.trans-data {
	float: left;
	padding: 1rem;
	text-align: left;
}

.trans-data span {
	display: inline-block;
	line-height: 3rem;
	color: #fff;
}

.trans-data span.trans-money {
	font-size: 2.2rem;
	color: #ff9900;
	letter-spacing: 3px;
	margin: 0 1rem;
	padding: 0 1rem;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 2px 1px #333 inset;
}

.trans-report {
	text-align: right;
}

.trans-report a {
	display: inline-block;
	padding: 1rem;
	line-height: 3rem;
	color: #fff;
}

/*滚动广告*/


/*平台特点*/
.feature {
	width: 90%;
	margin: 2rem auto;
	font-size: 0;
}

.feature .item {
	display: inline-block;
	width: calc(33.33333333% - 3rem);
	padding: 1rem;
	font-size: 1.4rem;
	background-color: #fff;
	box-shadow: 0 0 4px #ccc;
}

.feature .item+.item {
	margin-left: 1.5rem;
}

.feature .item h3 {
	display: inline-block;
	width: 40%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 3.3rem;
	text-align: center;
	color: #ff9900;
}

.feature .item p {
	display: inline-block;
	width: 55%;
	margin: 0;
	padding: 0;
	color: #999;
}



/*产品列表*/
.product {
	width: 90%;
	margin: 2rem auto;
	font-size: 1.4rem;
	background-color: #f5f9fa;
	border-top: 2px solid #ff9900;
	box-shadow: 0 0 4px #ccc;
}

.product h2 {
	
	margin-top: 3rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: normal;
	color: #635c51;
}



.product p {
	float: none;
	width: 90%;
	text-align: center;
	text-indent: 4rem;
	word-spacing: 2px;
	line-height: 22px; 
}



.product .product-content {
	float: right;
	width: 79.5%;
	border-left: 1px solid #eee;
	background-color: #fff;
}

.product .product-content .item {
	width: 100%;
}

.product .product-content .item+.item {
	border-top: 1px solid #eee;
}

.product .product-content .item h3 {
	float: left;
	width: 30%;
	margin: 1.5rem 0;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
}

.product .product-content .item h3 em {
	margin-right: 0.5rem;
	font-size: 3.6rem;
	font-style: normal;
	color: #8b999d;
}

.product .product-content .item h3 i {
	display: block;
	font-size: 1.2rem;
	font-style: normal;
	color: #999;
}

.product .product-content .item .info {
	float: left;
	width: 48%;
	padding: 1rem;
	border-left: 1px solid #eee;
	border-right: 1p solid #eee;
	font-size: 14px;
}

.product .product-content .item .info p {
	float: left;
	display: inline-block;
	text-align: center;
	width: 56%;
}

.product .product-content .item .info p:last-child {
	width: 40%;
}

.product .product-content .item .info p span {
	display: block;
	font-size: 2.4rem;
	color: #ff9900;
}

.product .product-content .item .info p span i {
	font-size: 1.2rem;
	font-style: normal;
	color: #999;
}

.product .product-content .item .buy {
	float: left;
	width: calc(22% - 4.4rem);
	padding: 1rem;
}

.product .product-content .item .buy a {
	display: block;
	width: 90%;
	margin: 1.5rem auto;
	max-width: 12rem;
	line-height: 4rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #ff9900;
	border-radius: 5px;
}

.product .product-content .item .buy a:hover,
.product .product-content .item .buy a:active {
	background-color: #ffc468;
}

.product .product-content .item .buy a.disabled {
	background-color: #ccc !important;
	cursor: not-allowed;
}

/********** 
 * 底部导航
 *********/
.footer {
	padding: 3rem 0;
	background-color: #fff;
	border-top: 2px solid #eee;
}

.footer-content {
	width: 90%;
	margin: 0 auto;
}

.footer-content .brand {
	float: left;
	display: block;
	filter: grayscale(100%);
	width: 165px;
	height: 54px;
	background: url(../img/logo.png);
	background-size: 165px 54px;
	margin-right: 130px;
}

.footer-content ul {
	float: left;
	width: 15%;
}

.footer-content ul li {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.footer-content ul li.title {
	font-size: 1.6rem;
	line-height: 3rem;
}

/********** 
 * 底部导航
 *********/
footer {
	width: 100%;
	padding: 3rem 0 5rem;
	background-color: #ededed;
}

footer ul {
	text-align: center;
}

footer ul li {
	display: inline-block;
}

footer ul li .icon {
	display: none;
	/* text-indent: -999rem; */
	/* margin-right: 1.5rem; */
	/* background: url(../img/cert1.png) no-repeat; */
	/* background-size: 466px 447px; */
	overflow: hidden;
}

footer ul li .icon-zfywxk {
	width: 38px;
	height: 27px;
	background-position: -369px -45px;
}

footer ul li .icon-pcirk {
	width: 78px;
	height: 27px;
	background-position: -110px -96px;
}

footer ul li .icon-visayz {
	width: 36px;
	height: 27px;
	background-position: -426px -90px;
}

footer ul li .icon-vsjmfw {
	width: 63px;
	height: 27px;
	margin-right: 13px;
	background-position: -401px -186px;
}

footer ul li .icon-wlgs {
	width: 22px;
	height: 27px;
	background-position: -48px -48px;
}

footer ul li .icon-rzcx {
	width: 75px;
	height: 27px;
	background-position: 0 -320px;
}

footer ul li .icon-gs {
	width: 30px;
	height: 30px;
	margin-right: 0;
	background: url(../img/cert2.png) no-repeat;
	background-size: 30px;
}

footer p {
	text-align: center;
	color: #999;
}
